/* 整体大框 */
.hole-div{
    width: 100%;
    height: auto;
    box-sizing: border-box;
    padding: 0 2vw;
    background-color: rgb(244, 244, 244);
}
/* 手机顶部 */
.tel-top{
    height: 8vw;
    background-color: rgb(246, 246, 246);
}
/* 页面顶部大框 */
.top{
    display: flex;
    background-color: rgb(246, 246, 246);
    flex-direction: row;
    height: 15vw;
    justify-content: start;
    align-items: center;
}
/* 顶部左侧第一个图标大框 */
.top-icon-1{
    font-size: 5vw;
    width: 15vw;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fa-chevron-left{
    width: auto;
}
/* 顶部输入框 */
.top-input{
    background-color: rgb(255, 255, 255);
    width: 80vw;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70%;
    border-radius: 6px;
}
.top-mid{
    display: flex;
    justify-content: start;
    align-items: center;
    color: rgb(132, 132, 132);
}
.top-text{
    font-size: 5vw;
    color: rgb(132, 132, 132);
}
.fa-search{
    font-size: 5vw;
    background-color: #fff;
    width: auto;
    margin: 0 3vw;
}
/* 中间选择框 */
.mid{
    margin-top: 4vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: auto;
    width: 100%;
}
.mid-list-ul{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    height: auto;
    width: 100%;
}
.mlu-li{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: auto;
}
.li-text{
    font-size: 3vw;
    font-weight: bold;
}
.li-light{
    margin-top: 2vw;
    background-color: rgb(252, 199, 6);
    width: 100%;
    height: 1vw;
}
/* 底部列表 */
.use-list{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-top: 2vw;
}
.list-ul{
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.list-li{
    box-sizing: border-box;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    background-color: #fff;
    margin-bottom: 3vw;
}
.li-top{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 10vw;
    border-bottom: 0.1vw solid rgb(244, 244, 244);
}
.lt-letf{
    width: 15vw;
    display: flex;
    justify-content: start;
    align-items: center;
    margin-left: 3vw;
}
.ltl-img-div{
    display: flex;
    background-color: rgb(251, 190, 4);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 7vw;
    height: 6vw;
    border-radius: 100%;
}
.zxc{
    width: 5vw;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.ltl-text{
    width: 8vw;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3vw;
    font-weight: 550;
    margin-left: 2vw;
}
.lt-right{
    width: auto;
    margin-right: 3vw;
}
.ltr-text{
    width: auto;
    font-size: 3vw;
    color: rgb(88, 88, 88);
}
.li-bottom{
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    margin-top: 3vw;
}
.lb-top{
    display: flex;
    justify-content: start;
    align-items: center;
    margin-left: 6vw;
}
.lbt-left{
    width: 15vw;
    height: 13vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(248, 192, 2);
    border-radius: 6px;
}
.zxcb{
    width: 12vw;
}
.lbt-right{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    margin-left: 2vw;
}
.lbte-text{
    font-size: 2.5vw;
    color: rgb(84, 84, 84);
    margin-top: 1vw;
    font-weight: bold;
}
.lb-bottom{
    margin-top: 3vw;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 2vw;
}
.lbb-text{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 15vw;
    height: 8vw;
    border: 0.2vw solid rgb(215, 215, 215);
    border-radius: 20vw;
    margin-right: 5vw;
    font-weight: bold;
}